<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度搜索页</title>
    <style>
        .title {
            color: #2440b3;
            font-size: 18px;
        }

        .red {
            color: #cc0000;
        }

        .content {
            font-size: 13px;
            color: #333;
        }

        .link {
            font-size: 13px;
            color: #080;
            text-decoration: none;
        }
        .snapshot {
            font-size: 14px;
            color: #666;
            text-decoration: none;
        }
    </style>
</head>

<body>
    <p>
        <a class="title" href="#">零基础开始学 <span class="red">Web前端</span>开发，有什么建议吗? - 知乎</a>
    </p>
    <p class="content"><span class="red">Web 前端</span>开发技术主要包括三个要素：HTML、CSS 和 JavaScript，它要求前端开发工程师不仅要掌握基本的Web
        前端开发技术，网站性能优化，SEO 和服务器端的基础...</p>
    <p>
        <a class="link" href="#">https://www.zhihu.com/question...</a>
        <img src="./images/v2.png" alt="">
        <a href="#" class="snapshot">百度快照</a>
    </p>

</body>
    
</html>